<template>
  <div class="app-container">
    <Find :OriginalFilter="{ static: true }" :formList="formList" @findClicked="findData" />

    <div style="display: flex; margin-top: 10px">
      <el-card style="width: 22%" class="MainLeft" shadow="always" :body-style="{ padding: '10px' }">
        <h1>部门异动</h1>
        <Find :OriginalFilter="{ static: true }" :searchImg="false" :formList="formList2" />
      </el-card>

      <el-card style="margin-left: 10px; width: 22%" class="MainLeft" shadow="always" :body-style="{ padding: '10px' }">
        <h1>职务变更</h1>
        <Find :OriginalFilter="{ static: true }" :searchImg="false" :formList="formList3" />
      </el-card>

      <el-card style="margin-left: 10px; width: 36%" class="MainLeft" shadow="always" :body-style="{ padding: '10px' }">
        <h1>公种变更</h1>
        <Find :OriginalFilter="{ static: true }" :searchImg="false" :formList="formList5" />
        <el-button style="height: 23px; margin-top: 10px" class="btns1" type="primary" size="default" @click="">工种变更查询</el-button>
      </el-card>

      <el-card style="margin-left: 10px; width: 48%" class="MainLeft" shadow="always" :body-style="{ padding: '10px' }">
        <h1>银行卡信息变更</h1>
        <Find :OriginalFilter="{ static: true }" :searchImg="false" :formList="formList6" />
      </el-card>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'ExpendedOutgoingDocumentsDeleted'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
import { ref } from 'vue'
const formList = ref([
  {
    type: 'select',
    selectValue: '',
    selectP: '类型',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'input',
    inputPlaceholder: '请输入指令单号',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入型体工艺',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入部位流程',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入制程描述',
    inputValue: ''
  },
  {
    type: 'button',
    checkboxLabel: '选择材料'
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '类型备注',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'date',
    dateLabel: '生产日期',
    dateValue: ''
  },
  {
    type: 'button',
    checkboxLabel: '清空'
  },
  {
    type: 'date',
    dateLabel: '操作时间',
    dateValue: ''
  }
])

const formList2 = ref([
  {
    type: 'select',
    selectValue: '新部门',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '19',
        optionValue: 'option19',
        optionLabel: 'option19'
      }
    ]
  },
  {
    type: 'button',
    checkboxLabel: '部门异动查询'
  }
])

const formList3 = ref([
  {
    type: 'select',
    selectValue: '新职务',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '19',
        optionValue: 'option19',
        optionLabel: 'option19'
      }
    ]
  },
  {
    type: 'button',
    checkboxLabel: '职务变更查询'
  }
])

const formList5 = ref([
  {
    type: 'select',
    selectValue: '新工种',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '19',
        optionValue: 'option19',
        optionLabel: 'option19'
      }
    ]
  },
  {
    type: 'date',
    dateLabel: '变更日期',
    dateValue: ''
  }
])

const formList6 = ref([
  {
    type: 'input',
    inputPlaceholder: '请输入开户名',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入开户行',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入银行卡号',
    inputValue: ''
  },
  {
    type: 'button',
    checkboxLabel: '变更查询'
  }
])

const findData = (a: any) => {}
</script>

<style lang="less" scoped>
h1 {
  font-size: 16px;
}
</style>
